<!--
 * @Author: your name
 * @Date: 2021-08-13 14:21:51
 * @LastEditTime: 2021-08-17 12:01:50
>>>>>>> f117a07bbe0118c1132064388399fa9852e44638
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\0809团队\firstproject\星巴克后台管理\username.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户管理</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="username.css">
    <link rel="stylesheet" href="common.css">
</head>
<body>
    <div id="head">
        <div class="logo">
            <img src="./images/logo.jpg" alt="">
            <b>星巴克后台管理系统<sup>TM</sup></b>
        </div>
        <button type="button" class="btn btn-success">退出</button>
    </div>
    <div class="bottom">
        <div id="section">
            <a href="username.html" class="list-group-item">
                用户管理
            </a>
            <a href="employee.html" class="list-group-item">员工管理</a>
            <a href="product.html" class="list-group-item">产品管理</a>
            <a href="订单管理.html" class="list-group-item">订单管理</a>
            <a href="star-card.html" class="list-group-item">星礼卡管理</a>
        </div>
        <div id="content">
            <div class="first">> 首页 > 部门管理</div>
            <hr>
            <div>
                <button class="btn btn-primary" type="submit">新增</button>
                <div class="input-group mb-3">
                    <input type="text" class="form-control" placeholder="请输入用户名称" aria-label="Recipient's username" aria-describedby="button-addon2">
                    <div class="input-group-append">
                        <button class="btn btn-outline-secondary" type="button" id="button-addon2">搜索</button>
                    </div>
                </div>
            </div>
            <div>
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th scope="col">ID</th>
                            <th scope="col">用户名</th>
                            <th scope="col">密码</th>
                            <th scope="col">姓名</th>
                            <th scope="col">电话号码</th>
                            <th scope="col">邮箱</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>mary</td>
                            <td>111111</td>
                            <td>张子枫</td>
                            <td>13711112222</td>
                            <td>12324456@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>lisa</td>
                            <td>222222</td>
                            <td>赵今麦</td>
                            <td>13822223333</td>
                            <td>76545632@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td>tom</td>
                            <td>333333</td>
                            <td>李庚希</td>
                            <td>13933334444</td>
                            <td>12345678@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">4</th>
                            <td>rose</td>
                            <td>444444</td>
                            <td>刘雨欣</td>
                            <td>18055556666</td>
                            <td>98777889@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">5</th>
                            <td>jack</td>
                            <td>555555</td>
                            <td>陆柯燃</td>
                            <td>18167928990</td>
                            <td>456723677@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">6</th>
                            <td>mary</td>
                            <td>111111</td>
                            <td>张子枫</td>
                            <td>13711112222</td>
                            <td>12324456@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">7</th>
                            <td>lisa</td>
                            <td>222222</td>
                            <td>赵今麦</td>
                            <td>13822223333</td>
                            <td>76545632@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">8</th>
                            <td>tom</td>
                            <td>333333</td>
                            <td>李庚希</td>
                            <td>13933334444</td>
                            <td>12345678@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">9</th>
                            <td>rose</td>
                            <td>444444</td>
                            <td>刘雨欣</td>
                            <td>18055556666</td>
                            <td>98777889@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">10</th>
                            <td>jack</td>
                            <td>555555</td>
                            <td>陆柯燃</td>
                            <td>18167928990</td>
                            <td>456723677@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">11</th>
                            <td>mary</td>
                            <td>111111</td>
                            <td>张子枫</td>
                            <td>13711112222</td>
                            <td>12324456@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">12</th>
                            <td>lisa</td>
                            <td>222222</td>
                            <td>赵今麦</td>
                            <td>13822223333</td>
                            <td>76545632@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">13</th>
                            <td>tom</td>
                            <td>333333</td>
                            <td>李庚希</td>
                            <td>13933334444</td>
                            <td>12345678@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">14</th>
                            <td>rose</td>
                            <td>444444</td>
                            <td>刘雨欣</td>
                            <td>18055556666</td>
                            <td>98777889@qq.com</td>
                        </tr>
                        <tr>
                            <th scope="row">15</th>
                            <td>jack</td>
                            <td>555555</td>
                            <td>陆柯燃</td>
                            <td>18167928990</td>
                            <td>456723677@qq.com</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>
</html>